import { Row, Col } from 'antd'
// import { useWorkTime } from '../contexts/WorkTimeContext'
import DataImportSection from './sections/DataImportSection'
import StatisticsSection from './sections/StatisticsSection'
import DataExportSection from './sections/DataExportSection'
import DataViewSection from './sections/DataViewSection'

const HomePage = () => {
  //   const { workTimeData } = useWorkTime()

  return (
    <Row gutter={[24, 24]}>
      {/* 第一行 */}
      <Col xs={24} lg={6}>
        <DataImportSection />
      </Col>

      <Col xs={24} lg={18}>
        <StatisticsSection />
      </Col>

      {/* 第二行 */}
      <Col xs={24} lg={6}>
        <DataExportSection />
      </Col>

      <Col xs={24} lg={18}>
        <DataViewSection />
      </Col>
    </Row>
  )
}

export default HomePage
